<template>
  <div 
    id="app" 
    class="layout-content-body"
  >
    <img 
      class="logo" 
      src="../assets/logo.png"
    >
    <p>
      Welcome to your iView app!
    </p>
    <p>
      Go through iView
      <a 
        href="https://www.iviewui.com/" 
        target="_blank"
      >documentation</a>.
    </p>
  </div>
</template>

<script>
    export default {

    };
</script>

<style>
    html {
        height: 100%;
    }

    body {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    #app {
        color: #2c3e50;
        margin-top: -100px;
        max-width: 600px;
        font-family: Source Sans Pro, Helvetica, sans-serif;
        text-align: center;
    }

    #app a {
        color: #42b983;
        text-decoration: none;
    }

    .logo {
        width: 100px;
        height: 100px
    }
</style>
